@font-face{
  font-family: 'webfont';
  src: url('//at.alicdn.com/t/webfont_mj93c8yato.eot'); /* IE9*/
  src: url('//at.alicdn.com/t/webfont_mj93c8yato.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
    url('//at.alicdn.com/t/webfont_mj93c8yato.woff') format('woff'), /* chrome、firefox */
    url('//at.alicdn.com/t/webfont_mj93c8yato.ttf') format('truetype'), /* chrome、firefox、opera、Safari, Android, iOS 4.2+*/
    url('//at.alicdn.com/t/webfont_mj93c8yato.svg#NotoSansHans-DemiLight') format('svg'); /* iOS 4.1- */
}
  
[v-cloak] {display: none !important;}
* {margin: 0px;padding: 0px;}
html {font-size: calc(100vw / 3.75);height: 100%;}
body {font-size: 0.14rem;height: 100%;background-color: #fafafa;color: #333333;font-family:"webfont" !important;}

/* 文字、排版 */
.f12 {font-size: 0.12rem;}
.f14 {font-size: 0.14rem;}
.f16 {font-size: 0.16rem;}
.f18 {font-size: 0.18rem;}
.f20 {font-size: 0.20rem;}
.f22 {font-size: 0.22rem;}

.fb {font-weight: bold;}
.fn {font-weight: normal;}

.t2 {text-indent: 2em;}

.tl {text-align: left;}
.tc {text-align: center;}
.tr {text-align: right;}

.fl {float: left;}
.fr {float: right;}

.color-blue {color: #4070FF;}
.color-red {color: #FF3838;}

/* flex布局 */
.df-sb {display: flex;align-items: center;justify-content: space-between;}
.df-sa {display: flex;align-items: center;justify-content: space-around;}
.df {display: flex;align-items: center;}
.df-item-1 {flex: 1;}
.df-item-2 {flex: 2;}
.df-item-3 {flex: 3;}

/*grid*/
.grid {display: grid;grid-template-columns: repeat(2, 1fr);grid-gap: 10px;grid-auto-rows: minmax(10px, auto);}
.grid-3 {display: grid;grid-template-columns: repeat(3, 1fr);grid-gap: 10px;grid-auto-rows: minmax(10px, auto);}
.grid-4 {display: grid;grid-template-columns: repeat(4, 1fr);grid-gap: 10px;grid-auto-rows: minmax(10px, auto);}
.grid-5 {display: grid;grid-template-columns: repeat(5, 1fr);grid-gap: 10px;grid-auto-rows: minmax(10px, auto);}
